{% extends 'users/father.html' %}

{% block title %}
   子模版
{% endblock %}  

{% block ext_css %}
    <style>
        p {
            color: green;
        }
    </style>
{% endblock %}


{% block head %}
	<p>子模版的头部</p>
    <a href="{% url 'users:father' %}">点击跳转父模版</a>
{% endblock %}


{% block content %}
    <p>子模版的内容</p>
    默认情况下，子模版会覆盖父模版的内容
	可以使用block.super继承父模版的内容
    {{  block.super }}
{% endblock %}


{% block foot %}
	<p>子模版的底部</p>
    {# 导入其他模版文件 #}
    {% include 'users/child-include.html' %}
{% endblock %}


{% block ext_js %}
    <script>
        console.log('子模版中的js');
    </script>
{% endblock %}
